<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="date" uri="/WEB-INF/tld/dateTag.tld"%>
<style>
.accord-items-list {position: absolute; top: 34px; right: 0;width: 168px; background: #eaf7ef; border: 3px solid rgba(0, 133, 60, 0.8);}
</style>
<!-- 当前位置 strat -->
<div class="sport-cell">
	<div class="every-hd">
		<div class="every-hd-left">
			<span class="current-date">
			${date:formatData(day,'yyyy-MM-dd','MM月dd日')}
			</span> <span class="final-number">决赛数
				${count }</span>
		</div>
		<c:if test="${listP.size()> 0 }">
			<div class="every-hd-right"  onmouseenter="Time.MouseOver(this,'down')" onmouseleave="Time.MouseOver(this,'up')" >
			   <div class="accord-items" >
                   <span class="accord-items-txt" >按项目</span>
                   <i class="fa fa-caret-down"></i>
               </div>
               <ul class="accord-items-list" style="display: none;" >
                 <c:forEach items="${listP }" var="p">
						<li><a onclick="Time.ShowProject(${p.cid })" id="project-list-${p.cid }">${p.classAllName }</a></li>
				 </c:forEach>
               </ul>
			</div>
		</c:if>
	</div>
	<div class="every-bd">
		<!-- 兵乓球 开始 -->
		<c:forEach items="${map }" var="m">
			<div class="someone-item"  id="project-${m.key.cid}">
				<div class="sport-item" onclick="App.upDown('${m.key.cid}')">
					${m.key.classAllName }
					<span class="small-toggle" data-state="show" id="slideDiv${m.key.cid}"> 
						<i class="toggle-txt">收起</i> 
						<i class="fa fa-arrow-circle-up"></i>
					</span>
				</div>
				<table class="table table-striped table-sport-item slide-toggle-${m.key.cid}">
					<thead>
						<tr>
							<!-- <th style="width: 120px;">时间</th> -->
							<th width="55%" style="text-align: left;padding-left: 15%;">比赛名称</th>
							<th width="15%">赛次</th>
<%--							<th>组次/轮次</th>--%>
							<th width="15%">时间</th>
							<th style="width: 15%;text-align: center;">成绩信息</th>
						</tr>
					</thead>
					<tbody>
						<c:forEach items="${m.value }" var="h">
							<tr>
								<%-- <td style="width: 120px;">${h.creaTime }</td> --%>
								<td style="text-align: left;padding-left: 10%;">${h.classAllName }</td>
								<td>${h.resultType }</td>
<%--								<td>${h.groupNum }</td>--%>
								<td>${h.dataHour }</td>
								<c:choose>
									<c:when test="${h.status==1}">
										<td style="width: 10%;text-align: center;">
											<img src="${contextPath}static/images/rank.png" width="20px" height="20px">
											<a style="cursor: pointer;" onclick="Sport.ShowMatchInfo('${h.cid }','${h.classAllName }','${day}','${h.resultType }')">
												成绩信息
											</a>
										</td>
									</c:when>
									<c:otherwise>
										<td style="width: 10%">
										</td>
									</c:otherwise>
								</c:choose>
							</tr>
						</c:forEach>
					</tbody>
				</table>
			</div>
		</c:forEach>
		<!-- 兵乓球 结束 -->
	</div>
</div>